/* 暗黑主题 */
.theme-dark {
  /* 背景色系 */
  --vp-c-bg: #0f172a;
  --vp-c-bg-soft: #1e293b;
  --vp-c-bg-mute: #334155;
  --vp-c-bg-alt: #1e293b;
  
  /* 文本色系 */
  --vp-c-text-1: #f1f5f9;
  --vp-c-text-2: #cbd5e1;
  --vp-c-text-3: #94a3b8;
  --vp-c-text-4: #64748b;
  
  /* 边框色系 */
  --vp-c-border: #334155;
  --vp-c-divider: #334155;
  --vp-c-gutter: #1e293b;
  
  /* 品牌色系 */
  --vp-c-brand: #60a5fa;
  --vp-c-brand-light: #93bbfc;
  --vp-c-brand-lighter: #bfdbfe;
  --vp-c-brand-dark: #3b82f6;
  --vp-c-brand-darker: #2563eb;
  --vp-c-brand-dimm: rgba(96, 165, 250, 0.1);
  
  /* 链接色系 */
  --vp-c-link: #60a5fa;
  --vp-c-link-hover: #93bbfc;
  --vp-c-link-active: #bfdbfe;
  
  /* 代码色系 */
  --vp-c-code: #f472b6;
  --vp-c-code-bg: #1e293b;
  --vp-c-code-block-bg: #0f172a;
  
  /* 提示色系 */
  --vp-c-tip: #34d399;
  --vp-c-tip-bg: #064e3b;
  --vp-c-warning: #fbbf24;
  --vp-c-warning-bg: #78350f;
  --vp-c-danger: #f87171;
  --vp-c-danger-bg: #7f1d1d;
  
  /* 阴影色系 */
  --vp-c-shadow: rgba(0, 0, 0, 0.3);
  --vp-c-shadow-light: rgba(0, 0, 0, 0.2);
  
  /* 特殊元素 */
  --vp-c-bg-soft-up: #1e293b;
  --vp-c-bg-soft-down: #0f172a;
  --vp-c-bg-soft-mute: #334155;
  
  /* 按钮色系 */
  --vp-button-brand-bg: #60a5fa;
  --vp-button-brand-hover-bg: #3b82f6;
  --vp-button-brand-active-bg: #2563eb;
  --vp-button-brand-text: #0f172a;
  
  --vp-button-alt-bg: #334155;
  --vp-button-alt-hover-bg: #475569;
  --vp-button-alt-active-bg: #64748b;
  --vp-button-alt-text: #f1f5f9;
  
  --vp-button-sponsor-bg: #fbbf24;
  --vp-button-sponsor-hover-bg: #f59e0b;
  --vp-button-sponsor-active-bg: #d97706;
  --vp-button-sponsor-text: #0f172a;
  
  /* 自定义主题变量 */
  --theme-primary: #60a5fa;
  --theme-secondary: #cbd5e1;
  --theme-accent: #34d399;
  --theme-success: #34d399;
  --theme-warning: #fbbf24;
  --theme-error: #f87171;
  --theme-info: #60a5fa;
  
  /* 代码块主题 */
  --code-bg: #0f172a;
  --code-border: #334155;
  --code-text: #f1f5f9;
  --code-keyword: #f472b6;
  --code-string: #34d399;
  --code-comment: #64748b;
  --code-function: #60a5fa;
  --code-variable: #a78bfa;
  
  /* 表格主题 */
  --table-header-bg: #1e293b;
  --table-border: #334155;
  --table-hover-bg: #334155;
  
  /* 卡片主题 */
  --card-bg: #1e293b;
  --card-border: #334155;
  --card-shadow: rgba(0, 0, 0, 0.3);
  
  /* 输入框主题 */
  --input-bg: #0f172a;
  --input-border: #334155;
  --input-focus-border: #60a5fa;
  --input-text: #f1f5f9;
  --input-placeholder: #64748b;
  
  /* 滚动条主题 */
  --scrollbar-bg: #1e293b;
  --scrollbar-thumb: #475569;
  --scrollbar-thumb-hover: #64748b;
  
  /* 动画时间 */
  --theme-transition-duration: 0.3s;
}

/* 暗黑主题特定样式 */
.theme-dark .vp-feature {
  background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%);
  border-color: var(--vp-c-border);
}

.theme-dark .vp-feature:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.4);
}

.theme-dark .vp-doc .vp-hero {
  background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%);
}

.theme-dark .vp-button {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

.theme-dark .vp-button:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
}

/* 暗黑主题特殊效果 */
.theme-dark .vp-doc img {
  filter: brightness(0.9) contrast(1.1);
}

.theme-dark .vp-doc .vp-code {
  background: var(--code-bg);
  border-color: var(--code-border);
}

.theme-dark .vp-doc .vp-code-group {
  border-color: var(--code-border);
}

.theme-dark .vp-doc .vp-code-group .tabs {
  background: var(--code-bg);
  border-color: var(--code-border);
}

.theme-dark .vp-doc .vp-code-group .tab {
  color: var(--code-text);
}

.theme-dark .vp-doc .vp-code-group .tab.active {
  color: var(--theme-primary);
  background: var(--code-bg);
}